﻿@model XT.Model.Account
@{
    ViewBag.Title = "About";
    Layout = "~/Views/Global/Layout.cshtml";
}

<script src="/Scripts/Host/About.js" type="text/javascript"></script>

<div class="hero1" style="background-image: url('/Images/q1.jpg'); background-size: 100% auto">


    <div class="backblack"></div>
    <div class="row">
        <a href=' @Url.Action("Index", "Host", new { id = Model.Id })' class="hostimg">
            <img class="houseavaimg" src="/Images/ava.jpg" />

        </a>
    </div>

    <div class="hostIntro">
        <p class="hostname1">
            Hey,I'm @Model.Account_Name
        </p>
        <p>
            @Model.Account_About
        </p>
    </div>
    <div class="hostabout">
        @Html.ActionLink("THÔNG TIN", "About", new { id = @Model.Id })
    </div>
    <div class="hostroomlist">
        @Html.ActionLink("NHÓM PHÒNG", "RoomList", new { id = @Model.Id })
    </div>
    @*       <div class="hostphotolist">
                <p>PHOTOS</p>
            </div>*@
</div>

<div style="background-color: rgb(229, 229, 229); padding-top: 20px">
    <div class="container">
        <div class="row">
            <div class="col-md-4">

                <div class="panel panel-default mgr">
                    <div class="panel-heading textcenter titleroomlist ">Room listings</div>
                    <ul class="panel-body panel-body-croll">
                        @foreach (XT.Model.Room room in Model.Room_Lists.SelectMany(a => a.Rooms))
                        {
                            <li class="media mgtf">
                                <a class="pull-left" href="#">
                                    <img class="media-object" width="120" height="80" src="/Images/image3.png" alt="..." />
                                </a>
                                <div class="media-body">
                                    <h4 class="media-heading">@room.Room_Name</h4>
                                    <p>@room.Viewed_Count reviews </p>
                                    <p>$@room.Room_Price</p>
                                </div>
                            </li>
                        }
                    </ul>
                </div>
            </div>
            <div class="col-md-8">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title" style="font-size: 25px; font-weight: bold">Thông tin</h3>
                        <div class="addphoto">
                            <button id="btncancel" type="button" class="btn btn-default invisible"><span class="glyphicon glyphicon-remove"></span>Hủy bỏ</button>
                            <button id="btnedit" type="button" class="btn btn-default"><span class="glyphicon glyphicon-edit"></span>Chỉnh sửa thông tin</button>

                        </div>
                    </div>
                    <div class="account-info-container" id="0">
                        @Html.Partial("About/AboutDetail")
                    </div>

                </div>

            </div>
        </div>
    </div>
</div>
